<script src="model/jquery-1.11.2.min.js"></script>
<script>
                            $(document).ready(function (){
                                $("#thugon").click(function (){
                                    $("#bai5").slideToggle("slow");
                                    $("#bai4").slideToggle("slow");
                                    $("#bai3").slideToggle("slow");
                                });
                            });
</script>
<div id="sidebar1" class="sidebar">
    <ul>
        <li id="recent-posts">
            <h2>Recent Posts</h2>
            <ul>
                <li id="bai1">
                    <h3><a href="#">Aliquam Libero</a></h3>
                    <p>Nullam ante orci, eget, tempus quis, ultrices in, est. Curabitur sit amet nulla in massa lacusurna. </p>
                </li>
                <li id="bai2">
                    <h3><a href="#">Semper Vestibulum</a></h3>
                    <p>Donec leonulla amit vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.  </p>
                </li>
                <li id="bai3">
                    <h3><a href="#">Etiam Malesuada</a></h3>
                    <p>Donec vivamus fermentum nibh in augue lacus at urna congue rutrum. </p>
                </li>
                <li id="bai4">
                    <h3><a href="#">LOREM IPSUM DOLOR SIT </a></h3>
                    <p>Donec vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. </p>
                </li>
                <li id="bai5">
                    <h3><a href="#">FERMENTUM NIBH IN AMIT </a></h3>
                    <p>Donec vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. </p>
                </li>
            </ul>
        </li>
        <li></li>
    </ul>
        
    <div id="thugon" style="border: solid 1px;width: 210px;background-color: #ff3399;color: white">
             <p>Xem đầy đủ các bài viết</p>
    </div>
</div>


